<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <title>注册</title>
    <link th:href="@{/bootstrap/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/font-awesome/css/font-awesome.min.css}" rel="stylesheet">
    <link th:href="@{/css/style.default.css}" id="theme-stylesheet" rel="stylesheet">
    <link th:href="@{/images/favicon.ico}" rel="shortcut icon">
    <script th:src="@{/js/html5shiv.min.js}"></script>
    <script th:src="@{/js/respond.min.js}"></script>
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
    <script th:src="@{/jquery-validation/jquery.validate.min.js}"></script>
    <script th:src="@{/js/common.js}"></script>
  </head>
  <body>
    <div class="login-page">
      <div class="container d-flex align-items-center">
        <div class="form-holder has-shadow">
          <div class="row">
            <div class="col-lg-6">
              <div class="info d-flex align-items-center">
                <div class="content">
                  <div class="logo">
                    <h1>注册</h1>
                  </div>
                  <p>这里是个性签名......</p>
                </div>
              </div>
            </div>
            <div class="col-lg-6 bg-white">
              <div class="form d-flex align-items-center">
                <div class="content">
                  <form action="registerSub" method="post" class="text-left form-validate">
                    <div class="form-group-material">
                      <input id="nickname" type="text" name="nickname" required data-msg="请输入昵称" class="input-material">
                      <label for="nickname" class="label-material">昵称</label>
                    </div>
                    <div class="form-group-material">
                      <input id="username" type="text" name="username" required data-msg="请输入用户名" class="input-material">
                      <label for="username" class="label-material">用户名</label>
                    </div>
                    <div class="form-group-material">
                      <input id="password" type="password" name="password" required data-msg="请输入密码" class="input-material">
                      <label for="password" class="label-material">密码</label>
                    </div>
                    <div class="form-group-material">
                      <input id="email" type="email" name="email" required data-msg="请输入邮箱" class="input-material">
                      <label for="email" class="label-material">邮箱</label>
                    </div>
                    <div class="form-group-material">
                      <input id="phone" type="text" name="phone" data-msg="请输入电话" class="input-material">
                      <label for="phone" class="label-material">电话</label>
                    </div>
                    <div class="form-group-material">
                      <input id="personalBrief" type="text" name="personalBrief" data-msg="请输入个新签名" class="input-material">
                      <label for="personalBrief" class="label-material">个新签名</label>
                    </div>
                    <div class="custom-control custom-radio custom-control-inline">
                      <input type="radio" id="man" name="gender" value="男" class="custom-control-input" checked required>
                      <label class="custom-control-label" for="man">男</label>
                    </div>
                    <div class="custom-control custom-radio custom-control-inline">
                      <input type="radio" id="lady" name="gender" value="女" class="custom-control-input">
                      <label class="custom-control-label" for="lady">女</label>
                    </div>
                    <div class="form-group terms-conditions text-center">
                      <input id="register-agree" name="registerAgree" type="checkbox" required value="1" data-msg="必须同意" class="checkbox-template">
                      <label for="register-agree">我同意以上信息条款</label>
                    </div>
                    <div class="form-group text-center">
                      <input id="register" type="submit" value="注册" class="btn btn-danger">
                    </div>
                  </form>
                  <small>已经有帐户了?</small><a href="login" class="signup">去登录</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>